@import url('animate.css');

.aboutwrap{min-width:1200px;overflow:hidden;background:#f9f9f9;position:relative;padding:50px 0;}
.aboutwrap .about{overflow:hidden;}
.aboutwrap .about .jjimg{ width:400px; height:200px; float:left;}
.aboutwrap .about .jjimg img{ width:100%; max-height:100%;}
.aboutwrap .about .jianjie{ width:750px; float:left; margin-left:30px; font-size:14px;line-height:24px;color:#666666;text-align:justify;margin-bottom:20px;overflow:hidden;}
.aboutwrap .about .zu{overflow:hidden;margin-bottom:50px;height:125px;}
.aboutwrap .about .zu ul{overflow:hidden;}
.aboutwrap .about .zu ul li{width:33%;float:left;text-align:center;overflow:hidden;border-left:dashed 1px #cccccc;margin-left:-1px;padding:20px 0;}
.aboutwrap .about .zu ul li span{color:#333333;font-weight:bold;font-size:50px;}
.aboutwrap .about .zu ul li em{color:#333333;font-weight:bold;font-size:20px;}
.aboutwrap .about .detail{overflow:hidden;text-align:center;}
.aboutwrap a.aboutMore{border:solid 1px #d0111b;color:#d0111b;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.aboutwrap a.aboutMore:hover{background:#d0111b;color:#ffffff;}

.businesswrap{min-width:1200px;overflow:hidden;background:#ffffff;position:relative;padding:50px 0;}
.businesswrap .business{overflow:hidden;height:124px;}
.businesswrap .business ul{overflow:hidden;width:1270px;}
.businesswrap .business ul li{width:150px;float:left;text-align:center;overflow:hidden;margin:0 25px;}
.businesswrap .business ul li a{display:block;height:124px;overflow:hidden;}
.businesswrap .business ul li a p{display:block;width:84px;height:84px;margin:0 auto;position:relative;}
.businesswrap .business ul li a p em{display:block;width:84px;height:84px;background:url(../images/b.png) no-repeat right top;position:absolute;z-index:5;left:0;top:0;}
.businesswrap .business ul li a p em.on{background-position:0 0;position:absolute;z-index:3;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity: 0;}
.businesswrap .business ul li a i{display:block;width:60px;height:60px;overflow:hidden;background:url(../images/b1.png) no-repeat 10000px 10000px;position:absolute;left:12px;top:12px;z-index:10;}
.businesswrap .business ul li a i img{ width:60px; height:60px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%;-webkit-filter: grayscale(100%); display:none;
-moz-filter: grayscale(100%); 
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%); 
filter: grayscale(100%); 
filter: gray; }
.businesswrap .business ul li a i.on{left:-200px;}
.businesswrap .business ul li a i.on img{-webkit-filter: grayscale(0%); 
-moz-filter: grayscale(0%); 
-ms-filter: grayscale(0%); 
-o-filter: grayscale(0%); 
filter: grayscale(0%); 
filter: gray;}

.businesswrap .business ul li a.bussiness1 i{background-position:-60px -300px;}
.businesswrap .business ul li a.bussiness1 i.on{background-position:0 -300px;}
.businesswrap .business ul li a.bussiness2 i{background-position:-60px -180px;}
.businesswrap .business ul li a.bussiness2 i.on{background-position:0 -180px;}
.businesswrap .business ul li a.bussiness3 i{background-position:-60px -120px;}
.businesswrap .business ul li a.bussiness3 i.on{background-position:0 -120px;}
.businesswrap .business ul li a.bussiness4 i{background-position:-60px -60px;}
.businesswrap .business ul li a.bussiness4 i.on{background-position:0 -60px;}
.businesswrap .business ul li a.bussiness5 i{background-position:-60px 0;}
.businesswrap .business ul li a.bussiness5 i.on{background-position:0 0;}
.businesswrap .business ul li a.bussiness6 i{background-position:-60px -240px;}
.businesswrap .business ul li a.bussiness6 i.on{background-position:0 -240px;}

.businesswrap .business ul li a h3{display:block;width:150px;height:30px;line-height:30px;font-size:20px;color:#333333;font-weight:bold;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;position:absolute;z-index:10;top:94px;left:0px;}
.businesswrap .business ul li a h3.on{left:200px;color:#d0111b;}

.processwrap{min-width:1200px;overflow:hidden;background:#f9f9f9;position:relative;padding:50px 0;}
.processwrap .opacity{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;background:#000000;position:absolute;z-index:1;height:500px;width:100%;left:0;top:0;}
.processwrap .main{position:relative;overflow:hidden;z-index:10;}
.processwrap .process{overflow:hidden;}
.processwrap .process .img{overflow:hidden;text-align:center;}
.processwrap .process .img img{width:930px;}
.processwrap .detail{overflow:hidden;text-align:center;margin-top:50px;}
.processwrap a.processMore{border:solid 1px #f99a00;color:#f99a00;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.processwrap a.processMore:hover{background:#f99a00;color:#ffffff;}


.productswrap{background:url(../images/productbg.jpg) no-repeat center top;background-size:cover;min-width:1200px;padding:50px 0 80px 0;}
#products-demo{position: relative;z-index: 1;width:1200px;margin:0 auto;}
.com {font-size:20px;border-bottom:solid 2px #dddddd;height:50px;line-height:50px;margin-bottom:20px;position:relative;z-index:1;font-weight:bold;}
.com em{display:inline-block;border-bottom:solid 2px #009cff;position:absolute;z-index:2;top:0;left:0;font-style:normal;padding-right:5px;}
.com span{float:right;font-size:14px;font-weight:normal;}
.com span.title_more{font-size:16px;font-family:Arial;}
.products h2{font-size:30px;padding-bottom: 50px;text-align:center;text-transform:uppercase;color:#333333;}
.products h2 a{color:#333333;}
.products h2 a:hover{color:#009cff;}
.products .item{display:block;width:284px;height:333px;overflow:hidden;border:solid 1px #dddddd;padding:1px;margin:0 auto;}
.products .item a{display:block;overflow:hidden;position:relative;z-index:1;background:#e3e8ec;height:333px;}
.products .item a p.im{display:block;background:#ffffff;overflow:hidden;width:284px;height:213px;margin-bottom:10px;}
.products .item a p.im img{display:block;width:284px;height:213px;overflow:hidden;}
.products .item a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:264px;margin:0 auto;margin-bottom:0px}
.products .item a p.ct{color:#888888;font-size:12px;line-height:18px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.products .item a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}

.owl-carousel .owl-stage-outer1{width:1100px;margin-left:-7px;overflow:hidden;}

.products .owl-theme .owl-nav div{
       background-color: transparent;
        color: #666666;
    float:left;
    font-family:SimSun;
    font-size: 80px;
    line-height:80px;
    margin:0;
    margin-left: 1px;
    opacity: 1;
    padding: 2px 10px;
   position: absolute;
   top:112px;
}
.products .owl-theme .owl-nav div:hover{color:#009cff;background-color: transparent;}
.owl-theme .owl-controls .owl-nav .owl-prev {
    left: -80px;
}
.owl-theme .owl-controls .owl-nav .owl-next {
    right: -80px;
}

.newswrap{min-width:1200px;overflow:hidden;padding:50px 0 80px;background:url(../images/newsbg.jpg) no-repeat center top;background-size:cover;}
.news h2{font-size:30px;padding-bottom: 50px;text-align:center;text-transform: uppercase;}
.news h2 a{color:#333333;}
.news h2 a:hover{color:#009cff;}
.news .newsList{display:block;height:465px;overflow:hidden;}
.news .newsList a{display:block;width:710px;overflow:hidden;position:relative;height:105px;margin-bottom:15px;}
.news .newsList a p.im{display:block;background:#ffffff;overflow:hidden;width:140px;height:105px;margin-right:20px;float:left;}
.news .newsList a p.im img{display:block;width:140px;height:105px;overflow:hidden;}
.news .newsList a h3{height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;margin-bottom:10px;color:#333333;}
.news .newsList a p.ct{color:#666666;font-size:12px;line-height:18px;height:72px;overflow:hidden;text-overflow:ellipsis;}
.news .newsList a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}

.news .newsList a.first{width:440px;height:465px;float:left;margin-right:50px;margin-bottom:0px;}
.news .newsList a.first p.im{display:block;background:#ffffff;overflow:hidden;width:440px;height:330px;margin-right:0;margin-bottom:10px;float:none;}
.news .newsList a.first p.im img{display:block;width:440px;height:330px;overflow:hidden;}
.news .newsList a.first h3{height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:22px;width:440px;margin-bottom:10px;color:#009cff;}
.news .newsList a.first p.ct{color:#888888;font-size:12px;line-height:18px;height:90px;overflow:hidden;width:440px;}
.news .newsList a:hover h3{color:#009cff;}


.contactwrap{background:#ff9e01;padding:30px 0;margin-bottom:20px;}
.contacttitle{overflow:hidden;zoom:1;}
.contacttitle h2{font-weight:normal;text-align:center;height:50px;overflow:hidden;}
.contacttitle h2 a{background-position:center -150px;}
.contacttitle p{overflow:hidden;zoom:1;text-align:center;color:#f0f0f0;font-size:12px;margin-top:20px;}
.contacttitle p span{display:inline-block;overflow:hidden;line-height:35px;margin:0 5px;}
.contacttitle p span a{color:#f0f0f0;}
.contacttitle p span a:hover{color:#f54b24;}
.contacttitle p .on{border-bottom:solid 1px #f54b24;}
.contacttitle p .on a{color:#f54b24;}

.casewrap{min-width:1200px;overflow:hidden;background:#ffffff;position:relative;padding:50px 0;}
.childtitle{text-align:center;margin-bottom:50px;}
.childtitle span{display:inline-block;margin:0 10px;}
.childtitle span.on a,.childtitle span a:hover{color:#d0111b;}

.casewrap .case_ct{}
.case_ct .childitem_ct{width:1220px;overflow:hidden;}
.case_ct a{display:block;width:284px;height:333px;overflow:hidden;border:solid 1px #dddddd;padding:1px;float:left;margin:0 16px 16px 0;background:#f9f9f9;position:relative;z-index:1}
.case_ct a:nth-child(4n){margin:0 0px 16px 0;}
.case_ct a p.im{display:block;background:#ffffff;overflow:hidden;width:284px;height:213px;margin-bottom:10px;text-align:center;line-height:213px;}
.case_ct a p.im img{display:block;width:284px;height:213px;overflow:hidden;}
.case_ct a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:264px;margin:0 auto;margin-bottom:0px}
.case_ct a p.ct{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.case_ct a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}
.case_ct a:hover h3{color:#d0111b;}
.case_ct a:hover{border-color:#f99a00;}

/*首页新闻*/
.casewrap .inews{}
.inews .childitem_ct{width:1200px;overflow:hidden;}
.inews a{display:block;width:580px;height:auto;overflow:hidden;border:solid 1px #dddddd;padding:1px;float:left;margin:0 20px 20px 0;background:#f9f9f9;position:relative;z-index:1; padding-top:10px;}
.inews a:nth-child(2n){margin:0 0px 20px 0;}
.inews a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:auto;margin:0 auto;margin-bottom:0px; text-indent:15px; position:relative;}
.inews a h3 span{ position:absolute; right:20px; display:block; text-indent: 0; width:70px; top:0; font-size:12px;}
.inews a p.ct{color:#888888;font-size:12px;line-height:24px;height:auto;overflow:hidden;width:auto;margin:0 auto; padding:0 15px 10px 15px;}
.inews a:hover h3{color:#d0111b;}
.inews a:hover{border-color:#f99a00;}


.casewrap .detail{overflow:hidden;text-align:center;margin-top:34px;}
.casewrap a.caseMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.casewrap a.caseMore:hover{background:#d0111b;color:#ffffff;transition: background 0.5s;}
.customerswrap{min-width:1200px;overflow:hidden;background:#f2f2f2 url(../images/customer.jpg) no-repeat center top;background-size:cover;position:relative;padding:50px 0;}
.customerswrap .customers_ct{width:1225px;overflow:hidden;}
.customers_ct a{display:block;width:220px;height:100px;overflow:hidden;border:solid 1px #dddddd;padding:1px;float:left;margin:0 20px 20px 0;background:#f9f9f9;position:relative;z-index:1}
.customers_ct a:nth-child(5n){margin:0 0px 20px 0;}
.customers_ct a p.im{display:block;background:#ffffff;overflow:hidden;width:220px;height:165px;margin-bottom:10px;text-align:center;line-height:165px;}
.customers_ct a p.im img{display:block;width:220px;height:165px;overflow:hidden;margin-top:-32px;}
.customers_ct a h3{height:30px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;font-size:16px;width:264px;margin:0 auto;margin-bottom:0px}
.customers_ct a p.ct{color:#888888;font-size:12px;line-height:24px;height:72px;overflow:hidden;width:264px;margin:0 auto;}
.customers_ct a:hover p.im img{-webkit-transform: scale(1.15);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.15);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden;
	}

.customerswrap .detail{overflow:hidden;text-align:center;margin-top:30px;}
.customerswrap a.customersMore{border:solid 1px #cccccc;color:#333333;display:inline-block;width:160px;height:40px;line-height:40px;text-align:center;overflow:hidden;transition: background 0.5s;}
.customerswrap a.customersMore:hover{background:#d0111b;color:#ffffff;transition: background 0.5s;}